<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>test</title>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		#main{
			position: relative;
		}
		.box{
			padding: 15px 0 0 15px;
			float: left;
		}
		.pic{
			padding:10px;
			border: 1px solid #ccc;
			border-radius: 5px;
			box-shadow: 0 0 5px #ccc;
		}
		.pic img{
			width: 165px;
			height: auto;
		}
	</style>
</head>
<body>
	<div id="main">
		<div class="box">
			<div class="pic">
				<img src="../images/0.jpg" alt="">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="../images/1.jpg" alt="">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="../images/2.jpg" alt="">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="../images/3.jpg" alt="">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="../images/4.jpg" alt="">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="../images/5.jpg" alt="">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="../images/6.jpg" alt="">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="../images/7.jpg" alt="">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="../images/8.jpg" alt="">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="../images/9.jpg" alt="">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="../images/10.jpg" alt="">
			</div>
		</div>
	</div>
</body>
</html>